import React from 'react';

class Weather extends React.Component {
    constructor(props) {
        super(props);
        this.state = { isHot: true }
    }

    toggle(){
        // toggle放在那里，是原型对象上，供实例使用
        // 类中方法，开启了严格模式
        // 由于toggle要是作为onClick的回调，所以不是通过实例调用的，是直接调用的
        this.setState({ isHot: !this.state.isHot });
    }

    render() {
        return <div onClick={() => { this.toggle() }}> 今天天气很{this.state.isHot ? '炎热' : '寒冷'} </div>
    }
}

export default Weather;